import React from 'react';

// 学习目标：属性绑定

const imgSrc = 'https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2814033197,3377583554&fm=26&gp=0.jpg';

// React 的属性绑定写法
{/* 
  1. 基本用法
    <img  src={变量} />

  2. 需要注意的 html 属性
    类名属性：需要写成 className, 因为 class 是 JS 的关键保留字
    表单的for属性：需要写成 htmlFor, 因为 for 是 JS 的关键保留字

  3. 行内样式 属性 - 统统都是 JS，样式也不例外
  
*/}

function App() {
  return (
    <div className="App">
      {/* <img src={imgSrc} alt="替换文本" /> */}
      {/* <img src={imgSrc} className="box"/> */}
      {/* <img src={imgSrc}  data-index={1} /> */}
      <label htmlFor="userName">请输入用户名：</label>
      <input id="userName" type="text"/>
    </div>
  );
}
export default App;
